
<template>
  <div class="center">
    <div class="center-box">
      <top class="gin-s"></top>
      <recommend class="gin-s"></recommend>
      <rec-floor
        v-for="(item, i) in floors"
        :floor="item"
        :index="i + 1"
        :key="i"
        class="gin-m"
      ></rec-floor>
      <div style="padding-top: 3em"></div>
    </div>
  </div>
</template>

<script lang="ts"  >
import Top from "./Top.vue";
import Recommend from "./Recommend.vue";
import RecFloor from "./RecFloor.vue";
export default {
  components: {
    Top,
    Recommend,
    RecFloor,
  },
  data() {
    return {
      floors: [
        {
          name: "小食茶饮",
          left: {
            url: "#",
            image:
              "http://www.wzxfyl.com/ulfile/adjspic/adjs2017082517476375323469.png",
          },
          goods: [
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20170508143015528.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20161026111249905.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20160902155757506.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20160422094212833.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20160922110626407.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20170505104109764.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20161020164129849.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20161020163953177.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
          ],
        },
        {
          name: "品质生活",
          left: {
            url: "#",
            image:
              "http://www.wzxfyl.com/ulfile/adjspic/adjs2017082517472468503375.png",
          },
          goods: [
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20170508143015528.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20161026111249905.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20160902155757506.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20160422094212833.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20160922110626407.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20170505104109764.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20161020164129849.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
            {
              name: "巴山有机土猪 月子套餐",
              url: "#",
              price: 355.0,
              image:
                "http://www.wzxfyl.com/ulfile/propicadm/20161020163953177.jpg",
              company: "宁夏光彩生物科技有限公司",
            },
          ],
        },
      ],
    };
  },
};
</script>
<style lang="scss" scoped>
.gin-s {
  margin-top: 1em;
}
.gin-m {
  margin-top: 2em;
}
</style>